import React, { Component } from 'react'
import { Layout } from 'antd';

import MyHeader from './components/MyHeader'
import MySider from './components/MySider'
import MyBreadcrumb from './components/MyBreadcrumb'
import './index.less'


const { Content} = Layout;

export default class Frame extends Component {
  render() {
    return (
      <Layout className='layout'>
        <MyHeader />
        <Layout>
          <MySider />
          <Layout style={{ padding: '0 24px 24px' }}>
            <MyBreadcrumb />
            <Content
              className="site-layout-background"
              style={{
                padding: 24,
                margin: 0,
                minHeight: 280,
              }}
            >
              { this.props.children }
            </Content>
          </Layout>
        </Layout>
      </Layout>
    )
  }
}
